<?php $this->load->view("v-index/v-sidebar-home");

foreach($data as $row){
?>
    
     <div class="bg-breadcrumb">
        <div class="container"> <h4>Chi Tiết Sản Phẩm - <?php echo $row['name'] ?></h4></div>
     </div>
     <!--container show-->
    <div class="container content">
        <div class="row">
        <div class="col-xs-6">
        <a href='<?php echo site_url("public/images/product/mga_prt") ?>/max_2_<?php echo $row["id_product"] ?>.jpg' class = 'cloud-zoom' id='zoom1' rel="adjustX:10, adjustY:-1">
            <img src="<?php echo site_url("public/images/product/mga_prt") ?>/min_2_<?php echo $row["id_product"] ?>.jpg" class="img-pro-detail pad-0" alt=""title="<?php echo $row['name'] ?>"  />
        </a>
		<p>
            <a href='<?php echo site_url("public/images/product/mga_prt") ?>/max_2_<?php echo $row["id_product"] ?>.jpg' class='cloud-zoom-gallery' title='Red' rel="useZoom: 'zoom1', smallImage: '<?php echo site_url("public/images/product/mga_prt") ?>/min_2_<?php echo $row["id_product"] ?>.jpg' "><img class="zoom-tiny-image col-xs-3 pad-lr-5" src="<?php echo site_url("public/images/product/mga_prt") ?>/min_2_<?php echo $row["id_product"] ?>.jpg" alt = "Thumbnail 1"/></a>
    		<a href='<?php echo site_url("public/images/product/mga_prt") ?>/max_3_<?php echo $row["id_product"] ?>.jpg'  class='cloud-zoom-gallery' title='Blue' rel="useZoom: 'zoom1', smallImage: '<?php echo site_url("public/images/product/mga_prt") ?>/min_3_<?php echo $row["id_product"] ?>.jpg'"><img class="zoom-tiny-image col-xs-3 pad-lr-5" src="<?php echo site_url("public/images/product/mga_prt") ?>/min_3_<?php echo $row["id_product"] ?>.jpg" alt = "Thumbnail 2"/></a>                  
    		<a href='<?php echo site_url("public/images/product/mga_prt") ?>/max_4_<?php echo $row["id_product"] ?>.jpg' class='cloud-zoom-gallery' title='Blue' rel="useZoom: 'zoom1', smallImage: '<?php echo site_url("public/images/product/mga_prt") ?>/min_4_<?php echo $row["id_product"] ?>.jpg' "><img class="zoom-tiny-image col-xs-3 pad-lr-5" src="<?php echo site_url("public/images/product/mga_prt") ?>/min_4_<?php echo $row["id_product"] ?>.jpg" alt = "Thumbnail 3"/></a>
            <a href='<?php echo site_url("public/images/product/mga_prt") ?>/max_1_<?php echo $row["id_product"] ?>.jpg' class='cloud-zoom-gallery' title='Blue' rel="useZoom: 'zoom1', smallImage: '<?php echo site_url("public/images/product/mga_prt") ?>/min_1_<?php echo $row["id_product"] ?>.jpg' "><img class="zoom-tiny-image col-xs-3 pad-lr-5" src="<?php echo site_url("public/images/product/mga_prt") ?>/min_1_<?php echo $row["id_product"] ?>.jpg" alt = "Thumbnail 3"/></a>
        </p> 
        
        
        </div>
            <div class="block-info col-xs-6">
                <div class="title-product"><?php echo $row['name'] ?></div>
                <span><?php echo number_format($row['price']) ?></span><br />
                <div class="nav-Tab">
                    <ul class="tabs">
                      <li><a href="#full-info" class="tab-act">Mô tả chung</a></li>
                      <li><a href="#size-info">Kích thước</a></li>
                      <li><a href="#guide-info">Hướng dãn</a></li>
                    </ul>
                    
                </div>
                <div id="full-info" class="tab-content">
                    <?php echo $row['text'] ?>
                </div>
                <div id="size-info" class="tab-content">
                    <?php echo $row['text_1'] ?>
                </div>
                <div id="guide-info" class="tab-content">
                    <?php echo $row['text_2'] ?>
                </div>
            </div>
        </div>
    </div> <!--end container-->
  <?php } ?>  
    <!--start sản phẩm cung loại-->
    <div class="bg-breadcrumb">
        <div class="container"> <h4>Sản phẩm ngẫu nhiên</h4></div>
     </div>
     
     
     <div class="container">
        <div class="row">
        <?php foreach ($rand as $rand_row) { ?>
            <div class="col-xs-3 mar-lr-10" style="background: #fff;">
                <div class="item-product">
                    <img src="<?php echo site_url("public/images/product/mga_prt") ?>/min_1_<?php echo $rand_row["id_product"] ?>.jpg" class="img-product2" alt="hình ảnh 3" />
                    <div class="caption">
                        <h4><?php echo $rand_row['name'] ?></h4>
                         
                            <div class="col-xs-5 pad-l-0"><?php echo $rand_row['price'] ?></div>
                            <div class="col-xs-6  text-center"><a href="#" title="Mua sản <?php echo $rand_row['name'] ?>" class="btn-buy"></a></div>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
            <?php } ?>
            <!--++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-->
           
        </div>
     </div>
     <!--end sản phẩm cùng loại-->
   
    <!--fter-->
    <nav class="mnu-fter navbar navbar-inverse " role="navigation">
        <div class="container">
            <div class="fter-phone"><span class="glyphicon glyphicon-phone-alt"></span> 08.123.456 - 0123.456.789</div>
            <div class="fter-copy"><span class="glyphicon glyphicon-copyright-mark"></span> 08.123.456 - 0123.456.789</div>
            <div class="fter-social">
                <ul>
                    <li><a><i class="fa fa-facebook-square fa-2x"></i></a></li>
                    <li><a><i class="fa fa-google-plus-square fa-2x"></i></a></li>
                    <li><a><i class="fa fa-twitter-square fa-2x"></i></a></li>
                </ul>
            </div>
        </div>
    </nav>